import React from 'react';
import { Button, Menu, Dropdown } from 'antd'
import { CaretDownOutlined } from '@ant-design/icons'

const LanguageBtn = () => {
  const menu = (
    <Menu>
      <Menu.Item key="zh">
        中文
      </Menu.Item>
      <Menu.Item key="en">
        English
      </Menu.Item>
    </Menu>
  );

  return (
    <Dropdown overlay={menu} trigger={['click']}>
      <Button type="text" style={{
        minWidth: '110px', marginLeft: '16px', color: '#222'
      }}>Language <CaretDownOutlined style={{ color: '#222' }} /></Button>
    </Dropdown >
  );
};

export default LanguageBtn;